<template>
  <div style="padding: 0 0px" class="table_wrap">
    <div class="tree">
      <el-card class="box-card cardTree">
        <div class="gun">
          <div class="gunzi"></div>
          拓扑树
        </div>
        <el-tree :data="data" @node-click="handleNodeClick" accordion="true"></el-tree>
      </el-card>
    </div>
    <div>
      <el-card class="box-card-left">
        <div>
          <span style="border-left: 4px solid #009999"></span>
          <div class="card_left_tittle">场站基本信息</div>
          <div>
            <div class="information" style="font-size:18px;">
              名称：南京市玄武区盛和家园充电站
            </div>
            <div class="information" style="font-size:18px;">
              编码：110114
            </div>
            <br />
            <div class="information" style="font-size:18px;">
              所在位置：江苏省南京市玄武区
            </div>
            <div class="information" style="font-size:18px;">
              地址：江苏省南京市玄武区中海锦景园一号
            </div>
          </div>
        </div>
      </el-card>
      <el-card class="box-card-bottom">
        <pagetable ref="pagetable" :data="jgtab" :current-page="currentPage" :pageSize="pageSize" :total="jgtab.length"
          @selection-change="handleSelectionChange" @refresh-data="handleRefresh" @current-change="handleCurrentChange"
          @size-change="handleSizeChange">
          <el-table-column show-overflow-tooltip type="selection" width="50" align="center"></el-table-column>
          <el-table-column show-overflow-tooltip type="index" label="序号" width="100" center></el-table-column>
          <el-table-column show-overflow-tooltip label="A相电流" prop="ua" center class="text-biaoshi"></el-table-column>
          <el-table-column show-overflow-tooltip label="B相电流" prop="ub" center></el-table-column>
          <el-table-column show-overflow-tooltip label="C相电流" prop="uc" center></el-table-column>
          <el-table-column show-overflow-tooltip label="A相功率" prop="ia" center></el-table-column>
          <el-table-column show-overflow-tooltip label="B相功率" prop="ib" center></el-table-column>
          <el-table-column show-overflow-tooltip label="C相功率" prop="ic" center></el-table-column>
          <el-table-column show-overflow-tooltip label="瞬时有功功率" prop="p" center></el-table-column>
          <el-table-column show-overflow-tooltip label="瞬时无功功率" prop="q" center></el-table-column>
          <el-table-column show-overflow-tooltip label="总功率因数" prop="pft" center></el-table-column>
          <el-table-column show-overflow-tooltip label="负载率" prop="loadRate" center></el-table-column>
        </pagetable>
      </el-card>
      <div>
        <el-card class="box-card_right_bottom">
          <div slot="header" class="clearfix">
            <div class="circle"></div>
            <span>场站负荷曲线</span>
          </div>
          <div class="brokenLine">
            <div id="brokenLine"></div>
          </div>
        </el-card>
        <el-card class="box-card_right_bottom1">
          <div slot="header" class="clearfix">
            <div class="circle"></div>
            <span>影响因素曲线</span>
          </div>
          <div class="brokenLine1">
            <div id="brokenLine1"></div>
          </div>
          <div class="brokenLine2">
            <div id="brokenLine2"></div>
          </div>
        </el-card>
      </div>
    </div>
  </div>
</template>

<script>
import pagetable from "@/components/pagetable";
import addGardenMap from "@/components/map/addGardenMap";
import singleimageupload from "@/components/upload/singleimageupload";
import { mapState } from "vuex";
import * as echarts from "echarts";
import { fieldstationRealtimeData } from "@/api/carNetworkInteraction/index.js";
export default {
  data() {
    return {
      jgtab: [],
      data: [
        {
          label: "江苏省",
          id: 320000,
          children: [
            {
              label: "南京市",
              id: 320100,
              children: [
                {
                  label: "玄武区",
                  id: 320102,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "秦淮区",
                  id: 320104,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "建邺区",
                  id: 320105,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "鼓楼区",
                  id: 320106,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "浦口区",
                  id: 320111,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "江北新区",
                  id: 320112,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "栖霞区",
                  id: 320113,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "雨花台区",
                  id: 320114,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "江宁区",
                  id: 320115,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "六合区",
                  id: 320116,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "溧水区",
                  id: 320117,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "高淳区",
                  id: 320118,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "新港开发区",
                  id: 320131,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              label: "无锡市",
              id: 320200,
              children: [
                {
                  label: "锡山区",
                  id: 320205,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "惠山区",
                  id: 320206,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "滨湖区",
                  id: 320211,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "粱溪区",
                  id: 320213,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "新吴区",
                  id: 320214,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "江阴市",
                  id: 320281,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "宜兴市",
                  id: 320282,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              label: "徐州市",
              id: 320300,
              children: [
                {
                  label: "鼓楼区",
                  id: 320302,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "云龙区",
                  id: 320303,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "贾汪区",
                  id: 320305,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "泉山区",
                  id: 320311,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "铜山区",
                  id: 320312,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "丰县",
                  id: 320321,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "沛县",
                  id: 320322,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "睢宁县",
                  id: 320324,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "徐州经济技术开发区",
                  id: 320371,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "新沂市",
                  id: 320381,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "邳州市",
                  id: 320382,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              label: "常州市",
              id: 320400,
              children: [
                {
                  label: "市辖区",
                  id: 320401,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "天宁区",
                  id: 320402,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "钟楼区",
                  id: 320404,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "经开区",
                  id: 320405,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "新北区",
                  id: 320411,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "武进区",
                  id: 320412,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "金坛区",
                  id: 320413,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "溧阳市",
                  id: 320481,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              label: "苏州市",
              id: 320500,
              children: [
                {
                  label: "虎丘区",
                  id: 320505,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "吴中区",
                  id: 320506,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "相城区",
                  id: 320507,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "姑苏区",
                  id: 320508,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "吴江区",
                  id: 320509,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "工业园区",
                  id: 320571,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "常熟市",
                  id: 320581,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "张家港市",
                  id: 320582,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "昆山市",
                  id: 320583,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "太仓市",
                  id: 320585,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              label: "南通市",
              id: 320600,
              children: [
                {
                  label: "市辖区",
                  id: 320601,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "崇川区",
                  id: 320602,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "港闸区",
                  id: 320611,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "通州区",
                  id: 320612,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "如东县",
                  id: 320623,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "南通经济技术开发区",
                  id: 320671,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "启东市",
                  id: 320681,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "如皋市",
                  id: 320682,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "海门区",
                  id: 320684,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                },
                {
                  label: "海安市",
                  id: 320685,
                  children: [
                    {
                      label: "充电站1",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站2",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    },
                    {
                      label: "充电站3",
                      children: [
                        { label: "充电桩1" },
                        { label: "充电桩2" },
                        { label: "充电桩3" }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              label: "镇江市"
            },
            {
              label: "扬州市"
            },
            {
              label: "泰州市"
            },

            {
              label: "宿迁市"
            },
            {
              label: "淮安市"
            },
            {
              label: "连云港市"
            },
            {
              label: "盐城市"
            }
          ]
        }
      ],
      pageSize: 20,
      currentPage: 1,
      total: 0,
      listId: "11902205301036480001"
    };
  },
  components: { pagetable, addGardenMap, singleimageupload },
  created() { },
  computed: {
    ...mapState(["regTree", "insData"])
  },
  mounted() {
    this.init2();
    this.init1();
    this.init();
  },
  watch: {},
  methods: {
    realtimeDataList() {
      this.jgtab = [];
      fieldstationRealtimeData({ id: this.listId }).then(res => {
        console.log(res);
        if (res.code == 200) {
          this.jgtab.push(res.result);
        }
      });
    },
    handleSelectionChange() { },
    handleNodeClick(data) {
      console.log(data);
      this.realtimeDataList();
    },
    //场站负荷曲线
    init1() {
      var chartDom = document.getElementById("brokenLine");
      var myChart = echarts.init(chartDom);
      var option;

      option = {
        tooltip: {
          trigger: "axis"
        },
        legend: {
          data: ["A相", "B相", "C相", "总和"]
        },
        grid: {
          left: "3%",
          right: "4%",
          bottom: "2%",
          containLabel: true
        },
        toolbox: {
          feature: {
            saveAsImage: {}
          }
        },
        xAxis: {
          type: "category",
          data: [
            "00:00",
            "02:00",
            "04:00",
            "06:00",
            "08:00",
            "10:00",
            "12:00",
            "14:00",
            "16:00",
            "18:00",
            "20:00",
            "22:00",
            "24:00"
          ]
        },
        yAxis: {
          type: "value"
        },
        series: [
          {
            name: "A相",
            data: [
              500,
              900,
              350,
              550,
              450,
              550,
              600,
              500,
              400,
              600,
              1000,
              1200,
              900
            ],
            type: "line",
            smooth: true
          },
          {
            name: "B相",
            data: [
              100,
              300,
              550,
              620,
              250,
              700,
              400,
              250,
              650,
              750,
              1200,
              800,
              600
            ],
            type: "line",
            smooth: true
          },
          {
            name: "C相",
            data: [
              450,
              200,
              600,
              100,
              750,
              1000,
              650,
              520,
              410,
              380,
              600,
              1200,
              480
            ],
            type: "line",
            smooth: true
          },
          {
            name: "总和",
            data: [
              1050,
              1400,
              1500,
              1270,
              1500,
              2250,
              1650,
              1270,
              1460,
              1730,
              2800,
              3200,
              1980
            ],
            type: "line",
            smooth: true
          }
        ]
      };
      myChart.setOption(option);
      window.addEventListener("resize", function() {
        myChart.resize();
      });
    },
    // 影响因素曲线-气温
    init() {
      var chartDom1 = document.getElementById("brokenLine1");
      var myChart1 = echarts.init(chartDom1);
      var option;

      option = {
        tooltip: {
          trigger: "axis"
        },
        legend: {
          data: ["气温"]
        },

        grid: {
          left: "3%",
          right: "4%",
          bottom: "2%",
          containLabel: true
        },
        toolbox: {
          feature: {
            saveAsImage: {}
          }
        },
        xAxis: {
          type: "category",
          data: [
            "00:00",
            "02:00",
            "04:00",
            "06:00",
            "08:00",
            "10:00",
            "12:00",
            "14:00",
            "16:00",
            "18:00",
            "20:00",
            "22:00",
            "24:00"
          ]
        },
        yAxis: {
          type: "value"
        },
        series: [
          {
            name: "气温",
            data: [0, 3, 8, 1, 6, 10, 15, 23, 29, 12, 6, 0, 6],
            type: "line",
            smooth: true
          }
        ]
      };
      myChart1.setOption(option);
      window.addEventListener("resize", function() {
        myChart.resize();
      });
    },
    // 影响因素曲线-气象
    init2() {
      var chartDom2 = document.getElementById("brokenLine2");
      var myChart2 = echarts.init(chartDom2);
      var option;
      option = {
        tooltip: {
          trigger: "axis"
        },
        legend: {
          data: ["气象"]
        },

        grid: {
          left: "3%",
          right: "4%",
          bottom: "2%",
          containLabel: true
        },
        toolbox: {
          feature: {
            saveAsImage: {}
          }
        },
        xAxis: {
          type: "category",
          data: [
            "00:00",
            "02:00",
            "04:00",
            "06:00",
            "08:00",
            "10:00",
            "12:00",
            "14:00",
            "16:00",
            "18:00",
            "20:00",
            "22:00",
            "24:00"
          ]
        },
        yAxis: {
          type: "value"
        },
        series: [
          {
            name: "气象",
            data: [
              450,
              200,
              600,
              100,
              750,
              1000,
              650,
              520,
              410,
              380,
              600,
              1200,
              480
            ],
            type: "line",
            smooth: true
          }
        ]
      };
      myChart2.setOption(option);
      window.addEventListener("resize", function() {
        myChart.resize();
      });
    },
    cx(params) { },
    // 分页点击事件
    handleSizeChange(val) {
      this.pageSize = val;
    },
    handleCurrentChange(val) {
      this.currentPage = val;
    },
    handleRefresh() {
      this.currentPage = 1;
    },
    formatJson(filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => v[j]));
    }
  }
};
</script>
<style lang="scss" scoped>
.box-card-bottom {
  width: 1310px;
  // position: relative;
  margin: 0 20px 20px 20px;
}

.information {
  margin-top: 15px;
  display: inline-block;
  width: 610px;
  font-size: 16px;
}

.gun {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #333333;

  .gunzi {
    margin-right: 10px;
    width: 6px;
    height: 19px;
    background: #009999;
  }
}

.cardTree {
  height: 1440px;
  width: 250px;
}

#brokenLine2 {
  margin-top: 75px;
  height: 30vh;
  width: 100%;
}

.tree {
  height: 1170px;
  // width: 300px;
  margin-left: 20px;
}

#brokenLine1 {
  height: 30vh;
  width: 100%;
}

#brokenLine {
  height: 30vh;
  width: 100%;
}

.el-card__body {
  height: 770px;
}

.main {
  width: 100%;
  height: 20vh;
}

.clearfix {
  display: flex;
  align-items: center;

  .circle {
    margin: 0 15px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: #009999;
  }
}

#soh {
  width: 100%;
  height: 25vh;
}

.realtimeData {
  padding-top: 23px;
}

.content_bottom {
  justify-content: space-around;
  display: flex;
}

.textbox {
  margin: 0 auto;
  width: 61px;
  height: 21px;
  // margin-left: 29px;
  // margin-top: 20px;
  font-size: 16px;
  font-family: OPPOSans-Regular, OPPOSans;
  font-weight: 400;
  color: #243054;
  line-height: 60px;
}

.loadImg {
  padding: 16px 0 0 34px;
}

.smallBox {
  height: 153.5px;
  // padding-right: 30px;
  width: 110px;
  background-color: #f7f8fa;
  border-radius: 10px 10px 10px 10px;
}

.content_center {
  padding: 15px 0;
  display: flex;
  justify-content: space-around;
}

.text {
  line-height: 30px;
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
}

.textContent {
  padding: 13px 0 14px 13px;
  height: 171px;
  width: 342px;
}

.Content {
  padding-right: 14px;
  height: 198px;
  width: 355px;
  background-color: #f7f8fa;
  border-radius: 5px 5px 5px 5px;
}

.card_left_tittle {
  display: inline-block;
  margin-left: 8px;
  font-size: 20px;
  font-family: OPPOSans-Light, OPPOSans;
  font-weight: 300;
  color: #333333;
  font-weight: bold;
  padding-bottom: 18px;
}

.box-card_right_bottom {
  margin: 0 0 20px 20px;
  width: 1310px;
  height: 375px;
}

.box-card_right_bottom1 {
  margin: 0 0 20px 20px;
  width: 1310px;
  height: 652px;
}

.box-card_right_top {
  margin: 0;
  // width: 805px;
  height: 375px;
}

.box-card-left {
  // height: 131px;
  width: 1310px;
  position: relative;
  margin: 0 20px 20px 20px;
}

.box-card {
  position: relative;
  // padding-left: 20px;
  // margin: 20px;
}

.table_wrap {
  margin-top: 20px;
  display: flex;

  .table-action-button {
    padding: 4px 8px 3px 8px;
    margin: 5px 1px;
  }

  .red {
    color: #ff4949;
  }

  .el-dialog__footer .el-button {
    margin-right: 40px;
  }

  .el-tabs__item {
    background: #f7f7f7;
  }

  .upde_ .el-form-item {
    width: 90%;
  }

  /*.power_content_per .is-active{
  	background: #006172 !important;
  	color: white !important;
  }*/
}
</style>
<style lang="scss" scoped>
.wrap_form {
  width: 50%;
}

._info_wrap_dia {
  .b_label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.p_title {
  font-size: 16px;
  margin: 15px 0px 10px -2px;

  b {
    color: #1396c2;
  }
}

.ins_site {
  display: flex;

  aside {
    width: 220px;
    margin-right: 10px;
    background: #f3f3f3;
  }

  section {
    flex: 1;
  }
}

.el-tag {
  margin-right: 5px;
}

.dia_power {
  .a_label {
    display: inline-block;
    width: 120px;
    text-align: right;
    color: #a9a9a9;
  }

  .b_label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.dia_power .tite_icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  margin-right: 8px;
  border-radius: 50%;
  background: #005673;
}

.power_content_per {
  background: #fcfcfc;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
}

.el-row {}

.el-col {
  display: flex;

  p {
    margin: 3px 0;
  }

  p:nth-child(odd) {
    width: 150px;
    text-align: right;
    color: #a9a9a9;
  }

  p:nth-child(even) {
    flex: 1;
    text-align: left;
  }
}

.rowbg {
  padding: 10px;
  height: 40px;
}

.rowbg2 {
  @extend .rowbg;
  background-color: #f7f7f7;
}

.el-select {
  width: 100%;
}

.el-cascader {
  width: 100%;
}

.power_content {
  background: #fcfcfc;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  overflow: hidden;
  padding: 10px 16px;
  position: relative;
}

.shrink_imgs {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 5;
}

.sh_height {
  height: 38px;
}

.sh_height2 {
  height: 80px;
}

//滚动条样式
*::-webkit-scrollbar {
  width: 7px;
  height: 9px;
  background-color: transparent;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
*::-webkit-scrollbar-track {
  background-color: #f0f6ff;
}

/*定义滚动条轨道 内阴影+圆角*/
*::-webkit-scrollbar-thumb {
  background-color: #dbdbdb;
  border-radius: 6px;
}

/*定义滑块 内阴影+圆角*/
*::-webkit-scrollbar-thumb:hover {
  background-color: #c2c2c2;
  border-radius: 6px;
}

/*定义滑块 内阴影+圆角*/
.scrollbarHide::-webkit-scrollbar {
  display: none;
}

.scrollbarShow::-webkit-scrollbar {
  display: block;
}
</style>
